<!--
 * @Author: hu_binbin
 * @Date: 2021-08-06 16:57:49
 * @LastEditTime: 2021-08-07 10:22:48
 * @Description: 巡视详情
-->
<template>
	<article class="bg_4dbfae">
		<Theader :title="title">
			<template slot="header_arrow">
				<van-icon size="25" name="arrow-left" />
			</template>
		</Theader>

		<!-- 列表区域 -->
		<div class="doc-wrapper">
            <div class="content-title">
                <van-image :src="icon.iconTitle" width="20" height="20"></van-image>
                <span style="margin-left: 0.4rem;">巡视详情</span>
            </div>
			<div>
                <van-field 
                    label="变电站:"  
                    readonly 
                    :border="false"
                    v-model="taskDetail.substationName"
                />
                <van-field 
                    label="电压等级:" 
                    readonly 
                    :border="false"
                    v-model="taskDetail.voltageLevel" 
                />
                <van-field 
                    label="巡视类型:" 
                    readonly 
                    :border="false" 
                    v-model="taskDetail.patrolTypeName" 
                />
                <van-field 
                    label="巡视标准周期:" 
                    :border="false"  
                    readonly 
                    v-model="taskDetail.cycleTime" 
                />
                <van-field 
                    label="首次巡视时间:" 
                    readonly 
                    :border="false"  
                    v-model="taskDetail.fristTime" 
                />
                <van-field 
                    label="巡视班组:" 
                    readonly 
                    :border="false"  
                    v-model="taskDetail.team" 
                />
                <van-field 
                    label="巡视方式:" 
                    readonly 
                    :border="false"  
                    v-model="taskDetail.tourWay" 
                />
                <van-field 
                    label="巡视计划时间:" 
                    readonly 
                    :border="false"  
                    v-model="taskDetail.planTime" 
                />
                <van-field 
                    label="上次巡视时间:" 
                    readonly 
                    :border="false"  
                    v-model="taskDetail.nextTime" 
                />
                <van-field 
                    label="巡视要求:" 
                    type="textarea"
                    readonly 
                    :border="false"  
                    v-model="taskDetail.require" 
                />
                <div class="btn">
                    <van-button style="width: 100%;" type="primary"  size="small" color="#0EB295">开始接单</van-button>
                </div>
            </div>
        </div>
	</article>
</template>
<script>
	import Theader from "../component/header"
	export default {
		name: "tourDetail",
		components:{
			Theader
		},
		data() {
			return {
                title: "巡视详情",
                taskDetail: {
                    substationName:"东善桥变",
                    voltageLevel:"500Kv",
                    patrolTypeName:"全面巡视",
                    cycleTime:"2月",
                    fristTime:"2021/07/07 18:30:00",
                    team:"变电运维一班",
                    tourWay:"人工巡视",
                    planTime:"2021/07/07 18:30:00",
                    nextTime:"2021/07/07 18:30:00",
                    require:"的撒啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊",
                },
                icon: {
                    iconTitle: require("../../../../assets/tour/icon-title.png")
                }
			}
		},
		computed: {

		},
		methods: {
		
		},
		watch: {
			
		},
		mounted() {

		}
	}
</script>
<style scoped>
	article {
		display: flex;
		flex-direction: column;
		height: 100vh;
	}
	.bg_4dbfae{
		background: #F5F6F7 ;
    }
    .doc-wrapper{
        margin: 0.7rem;
        box-shadow: 0px 0px 4px 2px #e0e0e0;
        margin-top: 3.7rem;
        border-radius: 0.3rem;
        background: #fff;
        padding-bottom: 1rem;
    }
    .content-title{
        display: flex;
        padding: 1rem 0;
        margin: 0px 1rem;
        align-items: center;
        background: #fff;
        font-size: 15px;
        font-weight: bold;
    }
    /deep/ .van-field__label{
        width: 6.5rem;
    }
    .btn{
        width: 80%;
        margin: auto;
        margin-top: 1.5rem;
    }
</style>
